<template>
	<view class="pay" >

		<!-- 顶栏 -->
		<!-- 只能有一个根元素 -->
		<u-sticky offset-top="0" bg-color="#fff">
			<view class="head"></view>
		</u-sticky>
		<!-- 卡片 -->
		<view class="main_card ">
			<view class="u-relative card0 u-padding-left-30 u-padding-top-48">
				<view class="name u-font-36 u-margin-bottom-22">助业社区</view>
				<view class="weizhi u-font-26">2期-10-1-604</view>
			</view>
			<view style="overflow: auto;height: 68vh;">
				<!-- <viewData :type="'noData'" :nextPage="!nextPage" :isTab="false" :isData="listData.length < 1" :loading="loading"
						  @onRefresh="onRefresh"> -->
					<view class="card2" @click="maintenance">
						<view>
							<h2>维修缴费</h2>
						</view>
						<view>缴费期数：2期</view>
						<view>维修位置：1-1-101</view>
						<view class="u-flex">
							<view class="u-flex-1">应缴金额：￥10.00元</view>
							<!-- <view class="u-margin-right-30 yjq u-padding-10">{{type}}</view> -->
						</view>
					</view>
				<!-- </viewData> -->
			</view>
		</view>
	</view>
</template>
<script>
	import baseApi from '../../api/api.js'
	export default {
		data() {
			return {
				count: 4,
				value: 2,
				name: '',
				address: '',
				showFlag: false,
				payList: {
					costName: '',
					costNum: 0,
					wuyeMoney: 0,
					fujiaMoney: 0,
					weiyueMoney: 0,
					allMoney: 0,
				},
				pageIndex:1,
				loading: false,
				// type: 1,
				nextPage:false,
				listData:[],
			}
		},
		// async onShow() {
		// 	this.checkLogin();
		// 	await this.getPositionList();
		// },
		methods: {
			
			maintenance(){
				uni.navigateTo({
					url: '/pages/wuyepay/maintenancepay'
				});
			}
			
		}
	}
</script>

<style scoped lang="scss">
	.head {
		height: 184rpx;
		background-color: #427705;
		border-bottom-left-radius: 50%;
		border-bottom-right-radius: 50%;
	}

	.card0 {
		height: 220rpx;
		border-radius: 6px;
		box-shadow: 0px 3px 40rpx 0px rgba(0, 0, 0, 0.1);
		top: -100rpx;
		background-color: #fff;
		z-index: 99999;
	}

	.card1 {
		height: auto;
		border-radius: 6px;
		background: linear-gradient(150deg, rgba(246, 179, 82, 1) 0%, rgba(237, 165, 59, 1) 100%);
		box-shadow: 0px 3px 40rpx 0px rgba(249, 168, 50, 0.4);
		padding-top: 40rpx;
		padding-left: 40rpx;

		view {
			margin-bottom: 20rpx;
			color: #fff;
		}
	}

	.card2 {
		height: 300rpx;
		border-radius: 6px;
		background: linear-gradient(150deg, rgba(144, 144, 144, 1) 0%, rgba(85, 85, 85, 1) 100%);
		box-shadow: 0px 3px 40rpx 0px rgba(51, 51, 51, 0.2);
		margin-top: 46rpx;
		padding-top: 40rpx;
		padding-left: 40rpx;

		view {
			margin-bottom: 20rpx;
			color: #fff;
		}
	}
	.car2:last-child{
		margin-bottom: 100rpx;
	}

	.main_card {
		padding: 0 30rpx;
	}

	.yjq {
		border: 1px solid #fff;
		border-radius: 6px;
		box-sizing: border-box;
	}
</style>
